<template>
  <table class="base-table">
    <slot></slot>
  </table>
</template>

<script setup></script>

<style scoped lang="scss">
.base-table {
  width: 100%;
  max-width: 100%;
  border: 1px solid #ddd;
  td,
  :deep(td) {
    width: 37.5%;
    border: 1px solid #ddd;
    height: 40px;
    padding: 4px;

    &.td-name {
      width: 12.5%;
      background: #f0f5f9;
      text-align: right;
    }
    &.td-subname {
      width: 8.5%;
      background: #f0f5f9;
      text-align: center;
    }
  }
}
</style>
